@media only screen and (max-width: 1200px) {
    html{
        font-size: 82.4477px;
    }
#topSystemBtn_id{display:none;}
#div_topSystem_id{display:none;}
.h-login{display:none;}
.comm_topLink{display:none;}
}
@media only screen and (max-width: 768px) {
.list-right-top h3{margin:0;}
.comm_topLink{display:none;}
    html{
        font-size: 61.8357px;
    }
    body{
        font-size: 14px;
        
    }
    header,#nav{
        display: block;
    }
    .head,
    .footer-nav,
    .red,
    .jiucuo{
        display: none;
    }
    .logo {
        background: url(/agri/xhtml/images/logo-m.png) center no-repeat;
        background-size: cover;
        padding: .1rem 0;
        position: relative;
        height: 3.91rem;
        width:100%;
    }
    .logo div {
        position: relative;
        padding-top: .25rem;
    }
    
    .logo div img{
        margin: 0 auto;
        height:2.85rem;
    }
    
    .logo span {
        text-align: center;
        width: .22rem;
        height: .22rem;
        position: absolute;
        cursor: pointer;
    }
    
    .logo span.pull-left {
        top: 15%;
        left: .15rem;
    }
    
    .logo span.pull-right {
        top: 35%;
        right: .15rem;
    }
    
    .logo span i {
        color: #fff;
        font-size: .21rem;
        display: inline-block;
        cursor: pointer;
    }
    
    #nav {
        text-align: center;
        background: #006eab;
        background: url(/agri/xhtml/images/wap_menu_bg.png) no-repeat;
        background-size: 100% 100%;
    
    }
    
    #nav .row>div {
        min-width: 25%;
    }
    #nav .row>div a img{
        vertical-align: middle;
        margin-right: .33rem;
    }
    #nav .row a {
        line-height:1.5rem;
        display: inline-block;
        outline: none;
        color: #fff;
        text-decoration: none;
        font-size: .54rem;
        white-space: nowrap;
        font-weight: 400;
    }
    
    #nav .list-row .col-xs-3:nth-child(5){
        border-left: #4c4c4c solid 1px;
    }
    
    #nav .row a.active {
        color: #e61717;
            font-weight: 500;
    }


    .container{
        width: 100% ! important;
    }
    .hy-list-left,
    .hy-list-right{
        width: 100%;
    }
.hy-list-left li:first-child{margin-top:0;}
    .hy-list-left li{
        /*width: 8.5rem;*/
    width: 48%;
    float: left;
    background: #9bc0e3;
    color: #fff;
    padding-left: 0;
    margin-right: 2%;
    margin-bottom: 2%;
    }
.hy-list-left li a{color:#fff;}
    .list-right-top{
        height: 1.67rem;
        margin: 0 .667rem;
    }
    .hy-list-text ul{
        width: 100%;
        overflow: hidden;
        border:none;
    }
    .hy-list-box a{
        width: 5.22rem;
        height: 1.5rem;
    }
    .hy-list-text span{
       width: 68%;
    margin-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
.hy-list-text small{    float: right;
    width: 30%;}
    .fenye img{
        width: 100%;
    }
    .footer-text p{
        margin: 0 .667rem;
        text-align: center;
    }
/*列表页*/
.hy-list-text small img{display:none;}
.hy-list-left ul{width: 102%;}
}
@media only screen and (max-width: 414px) {
    html{
        font-size: 33.3333px;
    }
 }
 
 @media only screen and (max-width: 375px) {
    html{
        font-size: 30.1932px;
    }
 }
 
 @media only screen and (max-width: 360px) {
    html{
        font-size: 30.1932px;
    }
 }
 
 @media only screen and (max-width: 320px) {
    html{
        font-size: 25.7649px;
    }
 }